<script  lang="ts">
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
export default {
  setup() {
    return {
      locale: zhCn,
    }
  }
}
</script>

<template>
  <main>
    <ElConfigProvider :locale="locale">
      <RouterView v-slot="{ Component }">
        <template v-if="Component">
          <Suspense>
            <component :is="Component"></component>
          </Suspense>
        </template>
      </RouterView>
    </ElConfigProvider>

    <el-backtop :right="20" :bottom="100">
      <div style="
        height: 100%;
        width: 100%;
        background-color: var(--el-bg-color-overlay);
        box-shadow: var(--el-box-shadow-lighter);
        text-align: center;
        line-height: 40px;
        color: #1989fa;
      ">
        UP
      </div>
    </el-backtop>
  </main>
</template>

<style lang="scss">
.el-backtop {
  box-shadow: none !important;
  --el-backtop-bg-color: none !important;

  &:hover {
    box-shadow: none !important;
    --el-backtop-bg-color: none !important;
  }
}
</style>
